// pages/home-video/index.js
import { getMVRankData } from "../../service/api_video"
import { videoOption } from "../../constValue/index"
import { videoStore } from '../../store/index'
// 使用全局数据
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 网络数据
    allMVData: [],
    localMVData: [],
    hongkongMVData: [],
    westernMVData: [],
    japanMVData: [],
    koreaMVData: [],
    // 静态数据
    videoOption: [],
    // 页面数据
    currentIndex: 0,
    swiperHeight: 0,
    pageHeight: 0,
    windowHeight: 0,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 获取静态数据
    this.getStaticData()
    // 获取页面数据
    this.getPageData()
    // 监听数据
    this.monitor()
  },
  onReady: function() {
    videoStore.onState("videoPageHeight", videoPageHeight => {
      console.log(videoPageHeight)
    })
  },
  /************************** 监听数据 *************************/
  swiperMove(e) {
    const currentIndex = e.detail.current
    this.setData({ currentIndex })
  },
  monitor() {
    this.imgItemLoad()
  },
  imgItemLoad() {
    const query = wx.createSelectorQuery()
    const self = this
    query.select(".video-page").boundingClientRect(rect => {
      self.setData({windowHeight: app.globalData.windowHeight, pageHeight: rect.height})
    }).exec()
  },
  /************************** 获取数据 *************************/
  getPageData() {
    // 获取 全部 前3 用于轮播图 后6 用于展示
    getMVRankData('', 9).then(res => {
      this.setData({ allMVData: res.data})
    })
    // 内地
    getMVRankData('内地', 9).then(res => {
      this.setData({ localMVData: res.data})
    })
    // 港台
    getMVRankData('港台', 9).then(res => {
      this.setData({ hongkongMVData: res.data})
    })
    // 欧美
    getMVRankData('欧美', 9).then(res => {
      this.setData({ westernMVData: res.data})
    })
    // 日本
    getMVRankData('日本', 9).then(res => {
      this.setData({ japanMVData: res.data})
    })
    // 韩国 
    getMVRankData('韩国', 9).then(res => {
      this.setData({ koreaMVData: res.data})
    })
  },
  getStaticData() {
    this.setData({ videoOption })
  },
  /************************** 设置数据 *************************/

})